<ul class="breadcrumb">
  <li><a href="/">首页</a> <span class="divider">/</span></li>
  <li class="active">设置</li>
</ul>
<% if flash[:notice] %>
    <p style="color: #339BB9"><%= flash[:notice] %></p>
<% end %>
<% if flash[:error] %>
    <p style="color: #C43C35"><%= flash[:error] %></p>
<% end %>
<ul class="tabs">
  <li class="active"><a href="#home">修改密码</a></li>
  <li><a href="#profile">添加分组</a></li>
  <!--<li><a href="#messages">Messages</a></li>-->
  <!--<li><a href="#settings">Settings</a></li>-->
</ul>

<div class="pill-content">
  <div class="active" id="home">
    <form accept-charset="UTF-8" action="/changepassword" method="post">
      <div class="clearfix">
        &nbsp;&nbsp;&nbsp;为了防止信息泄露,请设置强密码.
      </div>
      <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token.to_s %>"/>

      <div class="clearfix">
        <label for="cp">输入当前密码</label>

        <div class="input">
          <input id="cp" name="cp" class="mediumd" type="password"/>
        </div>
      </div>
      <div class="clearfix">
        <label for="np">输入新密码</label>

        <div class="input">
          <input id="np" name="np" class="mediumd" type="password"/>
        </div>
      </div>
      <div class="clearfix">
        <label for="nnp">再次输入新密码</label>

        <div class="input">
          <input id="nnp" name="nnp" class="mediumd" type="password"/>
        </div>
      </div>
      <div class="actions">
        <input class="btn primary" type="submit" value="提交">
        <button type="reset" class="btn">取消</button>
      </div>
    </form>
  </div>
  <div id="profile">111</div>
  <!--<div id="messages">22</div>-->
  <!--<div id="settings">33</div>-->
</div>
<script>
    $(function () {
        $('.tabs').tabs()
    })
</script>